﻿<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>积分商城首页</title>
          <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		    <link href="css/mui.min.css" rel="stylesheet"/>
    <link href="css/font-awesome.min.css" rel="stylesheet"/>
 <link href="css/page.min.css" rel="stylesheet" />
            <style>
            body{
                background: #F5F5F5
            }
        </style>
	</head>
	<body>
        <section class="index_banner">
            <section class="mui-col-xs-8 sdf_sxxc">
               <img  class="user_icon_a yj mt10 fl" src="img/touxiang.png">
                <section class="ov fz12 pl20 pt20">
                    <span class="zd">Caoffa</span>
                    <span class="cf fz12 dfsdfs_xd yj4 ml10">
                     <i class="fa fa-vimeo" aria-hidden="true"></i>
                        12
                    </span>
                    <p class="fz12 hs">
                    +0积分</p>
                     <p class="fz12 hs">
                    账户余额：
                    <span class="yellow">0.00元</span>
                    </p>
                   
                </section>
            </section>
       
        </section>
        
        <section class="dd_sds bgff">
           <section class="mui-col-xs-6 fl pt10 pm10 brl ov">
                <section class="pd pr">
                    <section class=" pr">
                    <p class="zd">头层牛皮通勤单肩包</p>
                    <p class="hs fz12">积分数：1548</p>
                    </section>
                   
                    <img src="img/case_dfff.jpg" class="mui-col-xs-7 dfd_ssdf">
               </section>
            </section>
            
            <section class="mui-col-xs-6 ov ">
                 <section class="bbm ddsf_ssd pl10">
                     <img src="img/dfsd.jpg" class="mui-col-xs-3 fl mt10">
                 <section class=" pr ov pl10 pr5">
                    <p class="zd fz12 dian mt10">头层牛皮通勤单肩包</p>
                    <p class="hs fz12">积分数：1548</p>
                    </section>
                </section>
                   <section class=" ddsf_ssd pl10 pr5">
                        <img src="img/adasdasd.jpg" class="mui-col-xs-3 fr mt10">
                 <section class=" pr ov ">
                    <p class="zd fz12 dian mt10">头层牛皮通勤单肩包</p>
                    <p class="hs fz12">积分数：1548</p>
                    </section>
                    
                </section>
            </section>
        <p class="qc"></p>
        </section>
        
        <section class="mt10  pt5 pm10 bgff ov">
           <p class="hs pm5 bbm pd fz12">
            <i class="f_i zshi_finh"></i>
               立即兑
               <span class="fr">更多 <i class="fa fa-chevron-circle-right" aria-hidden="true"></i></span>
            </p>
            <section class="pt10 ffg_ddff pl10">
              <img src="img/liuyt_c.gif" class="mui-col-xs-5 fl">
                <section class="ov pd">
                <p class="zd mt10">头层牛皮通勤单肩包</p>
                    <p class="hs fz12 mt5">积分数：1548</p>
                    <p class="mt10">
                    <button class="ssd_opoiu cf bgsuccess">
                        立即兑
                        </button>
                        <span class="hs fr">
                        <i class="fa fa-plus-circle" ></i>
                        <i class="fa fa-shopping-cart ml10" ></i>
                        </span>
                    </p>
                </section>
            </section>
        </section>
            <section class="mt10  pt5 pm10 bgff ov">
           <p class="hs pm5 bbm pd fz12">
            <i class="f_i zshi_finh"></i>
               立即兑
               <span class="fr">更多 <i class="fa fa-chevron-circle-right" aria-hidden="true"></i></span>
            </p>
            <section class="pt10 ffg_ddff pl10">
              <img src="img/liuyt_c.gif" class="mui-col-xs-5 fl">
                <section class="ov pd">
                <p class="zd mt10">头层牛皮通勤单肩包</p>
                    <p class="hs fz12 mt5">积分数：1548</p>
                    <p class="mt10">
                    <button class="ssd_opoiu cf bgsuccess">
                        立即兑
                        </button>
                        <span class="hs fr">
                        <i class="fa fa-plus-circle" ></i>
                        <i class="fa fa-shopping-cart ml10" ></i>
                        </span>
                    </p>
                </section>
            </section>
        </section>
        
         <nav class="mui-bar mui-bar-tab pt5">
                <a class="mui-tab-item mui-active">
                    <span class="fa fa-home fz22"></span><br />
                    <span class="mui-tab-label fz12">首页</span>
                </a>
                <a class="mui-tab-item">
                    <span class="fa fa-th-large fz22"></span><br />
                    <span class="mui-tab-label fz12">分类</span>
                </a>
                <a class="mui-tab-item">
                    <span class="fa fa-shopping-cart fz22"></span><br>
                    <span class="mui-tab-label fz12">购物</span>
                </a>
                <a class="mui-tab-item">
                    <span class="fa fa-user fz22"></span><br>
                    <span class="mui-tab-label fz12">我的</span>
                </a>
            </nav>
	</body>
</html>
